<script setup>
import {
  Setting, FolderOpened,
} from '@element-plus/icons-vue'
import {menuStore} from "@/views/Menu/menu";

const prop = defineProps({
  size: Number,
  unit: String
})

const menu = menuStore()
menu.size = prop.size
menu.unit = prop.unit

</script>

<template>
  <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      :collapse="true"
      :style="{height: menu.size + menu.unit}"
  >
    <router-link style="text-decoration: none; color: inherit;" to="/">
      <el-menu-item index="1">
        <el-icon>
          <FolderOpened/>
        </el-icon>
      </el-menu-item>
    </router-link>

    <router-link style="text-decoration: none; color: inherit;" :to="{name:'search'}">
      <el-menu-item index="2">
        <el-icon>
          <setting/>
        </el-icon>
      </el-menu-item>
    </router-link>
  </el-menu>
</template>

<style scoped>

</style>